<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:php="http://php.net/xsl"
	version="1.0">

	<xsl:include href="../common/layout.xsl"/>
	<xsl:include href="../common/passport.xsl"/>

	<xsl:template match="//platcode">
		<html>
			<xsl:call-template name="header"/>
			<body>
				<xsl:call-template name="passport-logo"/>
				<div class="user-bar">
					<ul>
						<li>
							<a href="{$base-url}">
								<xsl:value-of select="php:function('lang','base_name')"/>
							</a>
						</li>
						<li>
							<a href="/account/login">
								<xsl:value-of select="php:function('lang','account_enter')"/>
							</a>
						</li>
					</ul>
				</div>
				<div id="form-account" class="normal-form">
					<form onsubmit="return accountCreate(this)">
						<h1>
							<xsl:value-of select="php:function('lang','account_creation')"/>
						</h1>
						<ul>
							<li>
								<div>
									<label for="email">
										<xsl:value-of select="php:function('lang','email')"/>
									</label>
									<input type="text" id="email" name="email" maxlength="150" tabindex="1"/>
									<em>
										<xsl:value-of select="php:function('lang','email_description')"/>
									</em>
								</div>
							</li>
							<li class="two-col">
								<div>
									<span>
										<div id="passwd-strength" class="right"></div>
										<label for="secret">
											<xsl:value-of select="php:function('lang','password')"/>
										</label>
										<input type="password" id="secret" name="secret" tabindex="2" onkeyup="viewPasswdStrength(this)"/>
									</span>
									<span class="right">
										<label for="verify">
											<xsl:value-of select="php:function('lang','verify_password')"/>
										</label>
										<input type="password" id="verify" name="verify" tabindex="3"/>
									</span>
								</div>
							</li>
							<li>
								<label for="username">
									<xsl:value-of select="php:function('lang','username')"/>
								</label>
								<input type="text" id="username" name="username" maxlength="15" tabindex="4"/>
								<em>
									<xsl:value-of select="php:function('lang','username_allowed_chars')"/>
								</em>
							</li>
							<li class="p-relat c-help" onclick="updateCaptcha()">
								<div class="flash">
									<xsl:value-of select="php:function('lang','captcha_description')"/>
								</div>
								<img id="captcha-pic" src="/captcha.png" alt="{php:function('lang','captcha')}"/>
							</li>
							<li class="two-col">
								<span>
									<label for="captcha">
										<xsl:value-of select="php:function('lang','captcha')"/>
									</label>
									<input type="text" id="captcha" name="captcha" maxlength="3" tabindex="5"/>
								</span>
								<span class="right act-ctrl">
									<div>
										<xsl:value-of select="php:function('lang','please_read')"/>
										<xsl:text> </xsl:text>
										<a href="">
											<xsl:value-of select="php:function('lang','terms_of_service')"/>
										</a>
										<xsl:text> </xsl:text>
										<xsl:value-of select="php:function('lang','before_account_creation')"/>
									</div>
									<input type="checkbox" id="agree" name="agree" tabindex="6" checked="checked"/>
									<label for="agree">
										<xsl:value-of select="php:function('lang','i_agree')"/>
									</label>
								</span>
							</li>
							<li class="footer">
								<div class="right">
									<button type="submit" tabindex="7">
										<xsl:value-of select="php:function('lang','submit')"/>
									</button>
								</div>
								<div>
									<a href="/account/login">
										<xsl:value-of select="php:function('lang','do_have_an_account')"/>
										<xsl:text>?</xsl:text>
									</a>
								</div>
							</li>
						</ul>
					</form>
				</div>
			</body>
		</html>
	</xsl:template>

</xsl:stylesheet>
